
 function muestrame()
  {
	var x=$("#form_chat");
	x.toggle("slow");  
	
	document.getElementById("chat").style.top="4%";
	document.getElementById("chat").style.right="1%";
	
  }

function muestra(id)
             {
			  oculta("inicio");
			 oculta("login");
			 oculta("contacto");
			 oculta("reporte");
		      document.getElementById(id).style.display="block";
             }
   function oculta(id)
   {
	 document.getElementById(id).style.display="none";   
   }
   
  var xInic, yInic;
var estaPulsado = false;
function ratonPulsado(evt) {
//Obtener la posición de inicio
xInic = evt.clientX;
yInic = evt.clientY;   
estaPulsado = true;
//Para Internet Explorer: Contenido no seleccionable
document.getElementById("chat").unselectable = true;
}
function ratonMovido(evt) {
if(estaPulsado) {
//Calcular la diferencia de posición
var xActual = evt.clientX;
var yActual = evt.clientY;   
var xInc = xActual-xInic;
var yInc = yActual-yInic;
xInic = xActual;
yInic = yActual;
//Establecer la nueva posición
var elemento = document.getElementById("chat");
var position = getPosicion(elemento);
elemento.style.top = (position[0] + yInc) + "px";
elemento.style.left = (position[1] + xInc) + "px";
}
}
function ratonSoltado(evt) {
estaPulsado = false;
}

function getPosicion(elemento) {
var posicion = new Array(2);
if(document.defaultView && document.defaultView.getComputedStyle) {
posicion[0] = parseInt(document.defaultView.getComputedStyle(elemento, null).getPropertyValue("top"))
posicion[1] = parseInt(document.defaultView.getComputedStyle(elemento, null).getPropertyValue("left"));
} else {
//Para Internet Explorer
posicion[0] = parseInt(elemento.currentStyle.top);            
posicion[1] = parseInt(elemento.currentStyle.left);              
}     
return posicion;
}
      
<!---------------Funcion ocultar registros----------------------->
function muestra2(id)
             {
			  oculta2("re");
			 oculta2("lo");
		      document.getElementById(id).style.display="block";
             }
   function oculta2(id)
   {
	 document.getElementById(id).style.display="none";   
   }	  
	  

function muestra3(id)
             {
			 
			  oculta3("rep");
			   oculta3("det");
		      document.getElementById(id).style.display="block";
             }
   function oculta3(id)
   {
	 document.getElementById(id).style.display="none";   
   }	  
	  
